import React from 'react'
import { PickerView, WhiteSpace} from 'antd-mobile' // flex组件
import FileButton from '../../../../components/FileButton'
import styles from './index.module.scss'


export default class FilterPicker extends React.Component{
  // state 只有在创建的时候才会重新初始化state的值
  // 不设置key值的话，在切换的时候只是数据变了，diff算法不会重新创建这个组件，state的值也不会改变了
  state = {
    value: this.props.selectedValues
  }
  render () {
    const { value } = this.state
    return (
      <div className={styles.p}>
      <PickerView
          data={this.props.data}
          cols={this.props.cols}
          value={value}
          onChange = {val => {
            this.setState({
              value: val
            })

          }}
        />
        <FileButton onCancel={this.props.onCancel} onSave={_ => this.props.onSave(value, this.props.type)}/>
      </div>
    )
  }
}